<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>销售记录</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/sealesRecord.css">
</head>
<body>
    <header>
        <div class="head">
            <a href=""><i class="iconfont" style="margin-right:0.18rem;">&#xe636;</i><span>销售记录</span></a>
        </div>
    </header>
    <nav>
        <ul class="list">
            <li class="active">全部</li>
            <li>时间
                <i class="iconfont upBtn">&#xe60f;</i>
                <i class="iconfont downBtn ">&#xe60e;</i>
            </li>
            <li>金额
                <i class="iconfont upBtn">&#xe60f;</i>
                <i class="iconfont downBtn ">&#xe60e;</i>
            </li>
            <li>最新</li>
        </ul>
    </nav>
    <section>
        <ul class="mainList">
            <li>
                <div class="main">
                    <div class="commodity">
                        <img src="../imgs/photo2.jpg" alt="">
                        <div class="comText">
                            <p>甜橙固体饮料</p>
                            <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                        </div>
                    </div>
                    <p><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
                    <div class="srInfo">
                        <p>家家乐超市</p>
                        <span>2019年01月02日  12:00</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="main">
                    <div class="commodity">
                        <img src="../imgs/photo2.jpg" alt="">
                        <div class="comText">
                            <p>甜橙固体饮料</p>
                            <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                        </div>
                    </div>
                    <p><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
                    <div class="srInfo">
                        <p>家家乐超市</p>
                        <span>2019年01月02日  12:00</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="main">
                    <div class="commodity">
                        <img src="../imgs/photo2.jpg" alt="">
                        <div class="comText">
                            <p>甜橙固体饮料</p>
                            <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                        </div>
                    </div>
                    <p><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
                    <div class="srInfo">
                        <p>家家乐超市</p>
                        <span>2019年01月02日  12:00</span>
                    </div>
                </div>
            </li>
            <li style="margin-bottom: 0;">
                <div class="main">
                    <div class="commodity">
                        <img src="../imgs/photo2.jpg" alt="">
                        <div class="comText">
                            <p>甜橙固体饮料</p>
                            <div class="price"><p>￥20.00</p><span><i class="iconfont">&#xe62e;</i> 10</span></div>
                        </div>
                    </div>
                    <p><span>共一件商品&nbsp;合计:￥</span><span>300.00</span></p>
                    <div class="srInfo">
                        <p>家家乐超市</p>
                        <span>2019年01月02日  12:00</span>
                    </div>
                </div>
            </li>
        </ul>
    </section>
</body>
</html>